page {
  background-color: rgb(249, 249, 249);
  height: 100vh;
  display: flex;
  flex-direction: column;

  .scrollarea {
    flex: 1;
    overflow-y: hidden;
    padding-top: 18rpx;
  }

  .to-do-card {
    width: 750rpx;
    margin-bottom: 20rpx;

    .task-card {
      width: 690rpx;

      .main {
        padding-top: 20rpx;
        font-size: 28rpx;
        color: rgba(102, 102, 102, 1);

        .content {
          padding-left: 32rpx;
          padding-top: 20rpx;
          padding-bottom: 20rpx;
          margin-right: 148rpx;
          font-size: 28rpx;
          color: rgba(62, 122, 233, 1);
        }

        .time {
          font-size: 24rpx;
          font-weight: 400;
          color: rgba(153, 153, 153, 1);
        }

        .van-button {
          width: 128rpx !important;
          height: 48rpx !important;
          padding: 0 !important;
          margin: 0 !important;
          opacity: 1;
          border-radius: 10rpx !important;
          background: rgba(62, 122, 233, 1);
          font-size: 28rpx !important;
        }

        >view {
          &:not(:first-child) {
            margin-top: 13rpx;
          }

          &:last-child {
            margin-top: 0;
          }

          >text {
            width: 50%;
            text-align: left;
          }
        }
      }
    }
  }
}